<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>南信工大数据平台-气象灾害记录</title>
</head>
<link rel="stylesheet" href="./js/lib/layui-v2.4.3/css/layui.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/meteorological_disaster_record.css">
<body>
    <div class="nuist-header">
        <i class="logo"></i>
        <a href="./index.html" class="link big">气象金融大数据平台</a>
        <a href="./meteorological_disaster_map.html" class="link">气象历史灾害记录可视化平台</a>
        <a href="./meteorological_disaster_map.html" class="link">地图浏览模式</a>
        <a href="./type_view.html" class="link">灾害分类浏览</a>
        <a href="./meteorological_disaster_record.html" class="link">全文检索模式</a>
    </div>
    <div class="nuist-body">
        <div class="search-box">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <div class="layui-inline" style="margin-right:0;">
                        <div class="layui-input-inline" style="width:130px;margin-right:0;">
                            <select name="key" lay-filter="key">
                                <option value="">请选择检索项</option>
                                <option value="ly2">记录来源</option>
                                <option value="l1">古代地名</option>
                                <option value="y1">纪年</option>
                                <option value="y3">皇帝年号</option>
                                <option value="content">记录内容</option>
                            </select>   
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline" style="width:140px;">
                            <input type="text" name="name" placeholder="请输入检索内容" lay-verify="content" class="layui-input content">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width:80px;">时间范围：</label>
                        <div class="layui-input-inline" style="width:150px;">
                            <input type="text" id="date" name="date"  placeholder="请选择时间范围" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width:35px;">省：</label>
                        <div class="layui-input-inline" style="width:140px;">
                            <select name="province" lay-verify="" lay-filter="province">
                                <option value="">世界地形图</option>
                            </select>   
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width:35px;">市：</label>
                        <div class="layui-input-inline" style="width:140px;">
                            <select name="city" lay-verify="" lay-filter="city">
                                <option value="">选择市</option>
                            </select>   
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width:35px;">区：</label>
                        <div class="layui-input-inline" style="width:140px;">
                            <select name="zone" lay-verify="" lay-filter="zone">
                                <option value="">选择县/区</option>
                            </select>   
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn  layui-btn-sm search" lay-filter="demo1"><i class="layui-icon">&#xe615;</i> 筛选</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="search-result">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                  <li class="layui-this">查询结果</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="add-zone">
                        <button class="layui-btn  layui-btn-sm add"><i class="layui-icon">&#xe608;</i> 新增</button>
                    </div>
                    <table id="demo" lay-filter="test"></table>
                    <div class="bottom-wrap">
                        <div id="page" class="page"></div>
                        <button class="layui-btn  layui-btn-sm export"><i class="layui-icon">&#xe601;</i> 导出</button>
                    </div>
                </div>
              </div>  
        </div>
    </div>
</body>
</html>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="recordTpl">
    <form class="layui-form dialog-wrap" action="" lay-filter="example" id="recordForm">
        <div class="layui-form-item">
            <label class="layui-form-label">记录来源：</label>
            <div class="layui-input-block">
                <input type="text" name="ly2"  placeholder="请输入记录来源" class="layui-input" value="{{$data.ly2}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">古代地名：</label>
            <div class="layui-input-block">
                <input type="text" name="l1" placeholder="请输入古代地名" class="layui-input" value="{{$data.l1}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">现代地名(省份)：</label>
            <div class="layui-input-block">
                <input type="text" name="l2" placeholder="请输入现代地名(省份)" class="layui-input" value="{{$data.l2}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">现代地名(市县)：</label>
            <div class="layui-input-block">
                <input type="text" name="l3" placeholder="请输入现代地名(市县)" class="layui-input" value="{{$data.l3}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">公元纪年：</label>
            <div class="layui-input-block">
                <input type="text" name="y1" placeholder="请输入公元纪年" class="layui-input" value="{{$data.y1}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">皇帝年号：</label>
            <div class="layui-input-block">
                <input type="text" name="y3" placeholder="请输入皇帝年号" class="layui-input" value="{{$data.y3}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">记录内容：</label>
            <div class="layui-input-block">
                <textarea name="content" placeholder="请输入记录内容" class="layui-textarea" value="{{$data.content}}">{{$data.content}}</textarea>
            </div>
        </div>
    </form>
</script>
<script type="text/html" id="select-option">
    {{each list as value i}}
        <option value="{{value.value}}">{{value.name}}</option>
    {{/each}}
</script>
<script src="./js/lib/jquery-1.8.3.min.js"></script>
<script src="./js/lib/layui-v2.4.3/layui.all.js"></script>
<script src="./js/lib/template.js"></script>
<script src="./js/common/china.js"></script>
<script src="./js/common/common.js"></script>
<script src="./js/meteorological_disaster_record.js"></script>